page-login {
    .image {
        width: 100%;
        text-align: center;
        margin-top: 100px;
        margin-bottom: 50px;
    }
    .image img {
        width: 120px;
    }
    .action {
        width: calc(100% - 32px);
        margin-left: 16px;
    }

    .action button {
        color: white;
        background-color: rgba(103,103,103,1.0);
        border-radius: 5px;
        margin: 0;
        padding: 20px 10px;
        width: 100%;
        height: 44px;
        font-size: 16px;
        border: 0.55px solid white;
    }

    .bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 80px;
        background-color: rgba(0,0,0,0.3);
        display: flex;
        flex-direction: column;
        color: white;
    }

    .bottom .banquan {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    .bottom .banquan .title {
        border: 1px solid #eee;
        padding: 8px 15px;
        margin: auto;
        border-radius: 5px;
        font-size: 16px;
    }

    .bottom .version {
        display: flex;
        align-items: center;
        margin-top: 5px;
        font-size: 14px;
    }

    .bottom .version .title {
        margin: auto;
    }

    .content-ios,
    .content-md {
        background-color: #1ebba6;
    }
    .item-ios,
    .item-md {
        color: rgba(18,134,118,1.0);
        background-color: #1ebba6;
        padding-left: 32px;
        padding-right: 32px;
        font-size: 16px;
    }
  
    .list-ios .item-block .item-inner,
    .list-md .item-block .item-inner {
        border-bottom: 1px solid rgba(18,134,118,1.0);
        padding-right: 0;
    }
    .list-ios .item-input:last-child,
    .list-md .item-input:last-child {
        border-bottom: none;
    }
    .list-ios > .item-block:first-child {
        border-top: none;
    }
    .list-ios > .item-block:last-child .item-inner,
    .list-md > .item-block:last-child .item-inner {
        border-bottom: none;
    }
    .item-md.item-input.input-has-focus .item-inner,
    .item-md.item-input.input-has-focus .item-inner,
    .item-md.item-input.item-input-has-focus .item-inner,
    .item-md.item-input.item-input-has-focus .item-inner {
        border-bottom-color: rgba(18,134,118,1.0);
        -webkit-box-shadow: inset 0 0 0 0 rgba(18,134,118,1.0);
        box-shadow: inset 0 0 0 0 rgba(18,134,118,1.0);
    }
    .list-ios .item-input.input-has-focus:last-child,
    .list-ios .item-input.item-input-has-focus:last-child,
    .list-md .item-input.input-has-focus:last-child,
    .list-md .item-input.item-input-has-focus:last-child {
        border-bottom-color: rgba(18,134,118,1.0);
        -webkit-box-shadow: inset 0 0 0 0 rgba(18,134,118,1.0);
        box-shadow: inset 0 0 0 0 rgba(18,134,118,1.0);
    }
    .list-ios > .item-block:last-child,
    .list-ios > .item-wrapper:last-child .item-block {
        border-bottom: none;
    }
    .text-input::-webkit-input-placeholder {
        /* WebKit browsers */
        color: rgba(18,134,118,1.0);
    }
    .text-input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: rgba(18,134,118,1.0);
    }
    .text-input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: rgba(18,134,118,1.0);
    }
    .text-input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: rgba(18,134,118,1.0);
    }
    .item-inner .label{
        width: 90px;
    }
    .item-inner ion-input{
        width: 100%;
    max-width: 100%;
    }
    ion-icon {
        color: white;
        font-size: 26px;
    }
    ion-label[fixed] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25px;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px;
        width: 25px;
        min-width: 25px;
        max-width: 200px;
    }
    .item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
    .item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
        border-bottom-color: rgba(18,134,118,1.0);
        -webkit-box-shadow: inset 0 0 0 0 rgba(18,134,118,1.0);
        box-shadow: inset 0 0 0 0 rgba(18,134,118,1.0);
    }
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #1ebba6 inset !important;
    }
}
